<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>确认支付</title>
    <link rel="stylesheet" type="" href="../css/icons/iconfont.css">
    <link rel="stylesheet" type="" href="../css/reset.css">
    <link rel="stylesheet" type="" href="../css/payment.css">
    <link rel="stylesheet" type="" href="../css/head.css">
    <link rel="stylesheet" type="" href="../css/footer.css">
</head>

<body>
    <!-- 头部区域 -->
    <header>
        <div class="logo">
            <a href="../index.html"><img src="../images/logo.png" alt="我要去印"></a>
        </div>
        <div class="iconmenu">
            <input type="text" value="" placeholder="搜索">
            <i class="iconfont icon-sousuo"></i>
        </div>
        <div class="message">
            <i class="iconfont icon-xiaoxi"></i>
            <p>12</p>
        </div>
        <div class="user-info">
            <img src="../images/menuUserinfoHeadkey.jpg" alt="">
            <div class="triangle-bottom"></div>
            <div class="all-info">
                <p><i class="iconfont icon-zhuye"></i>我的主页</p>
                <p><i class="iconfont icon-dingdan"></i>我的订单</p>
                <p><i class="iconfont icon-tuichu"></i>退出</p>
            </div>
        </div>
    </header>
    <!-- 订单区域 -->
    <div class="order"><img src="../images/sure-order.jpg" alt=""></div>
    <div class="container">
        <div class="sure-adress">确认收货地址</div>
        <!-- 收货地址 -->
        <div class="adress clearfix">
            <div class="person-info fl">
                <p>广东广州 <span>(刘宝 收)</span></p>
                <p>海珠 新滘西路300号铂涛大厦</p>
                <p>134235354667</p>
                <p id="Modify">修改</p>
            </div>
            <div class="adress-info fl">
                <p>广东广州 <span>(刘宝 收)</span></p>
                <p>海珠 新滘西路300号铂涛大厦</p>
                <p>134235354667</p>
            </div>
            <div class="adress-info fl">
                <p>广东广州 <span>(刘宝 收)</span> </p>
                <p>海珠 新滘西路300号铂涛大厦</p>
                <p>134235354667</p>
            </div>
        </div>
        <div class="all-adress">
            <span>显示全部地址</span>
            <span>管理收货地址</span>
        </div>
        <div class="sure-order">确认订单信息</div>
        <div class="goods">
            <div class="header">
                <span>商品属性</span>
                <span>单价</span>
                <span>数量</span>
                <span>小计</span>
            </div>
            <div class="content clearfix">
                <img src="../images/myOrderImg.jpg" alt="">
                <p>蓝色简洁清新名片卡公司员工卡特色卡</p>
                <p>￥1.2</p>
                <p>400</p>
                <p>￥600</p>
            </div>
            <div class="foot">
                <div class="text">备注:<input type="text" maxLength="10" placeholder="这里写备注..." style="border: 0px;outline:none;cursor: text; padding-left:8px;"></div>
                <div class="money">
                    <p>快递运费: <span>￥12</span></p>
                    <p>店铺合计(含运费): <span>￥612</span></p>
                </div>
            </div>
        </div>
        <div class="payment">选择支付方式</div>
        <div class="choose">
            <div class="pitch">
                <div class="pson"></div>
            </div>
            <div class="zhifubao"><img src="../images/zhifubao-pay.jpg" alt=""></div>
            <div class="circle">
                <div class="cson"></div>
            </div>
            <div class="weixin"><img src="../images/weixin-pay.jpg" alt=""></div>
        </div>
        <div class="aggregate">
            <div class="shouhuo">
                <p>实付款: <span>￥612</span></p>
                <p>寄送至: <span>广东 广州 海珠 新滘西路300号铂涛大厦</span></p>
                <p>收货人: <span>刘宝</span></p>
            </div>
            <button id="back-step">上一步</button>
            <button id="submit-order">提交订单</button>
        </div>
    </div>
    <footer>
        <div class="wqb">
            <img src="../images/weixin.jpg" alt="">
            <img src="../images/weibo.jpg" alt="">
            <img src="../images/qq.jpg" alt="">
        </div>
        <div class="footer-info">
            <ul class="clearfix">
                <li><a href="javascript:void(0)">关于我们</a></li>
                <li>|</li>
                <li><a href="javascript:void(0)">联系我们</a></li>
                <li>|</li>
                <li><a href="javascript:void(0)">加入我们</a></li>
                <li>|</li>
                <li><a href="javascript:void(0)">商务合作</a></li>
            </ul>
            <p>版权所有&nbsp©&nbsp京ICP备14007358号-1 / 京公网安备11010802014104号</p>
        </div>
        <div class="erweima"><img src="../images/erweima.jpg" alt=""></div>
    </footer>
</body>
<script src="../js/jquery.min.js"></script>
<script src="../js/payment.js"></script>
<script src="../js/head.js"></script>
</html>